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Summary of Yesterday's Class Discussion: 
Key Points Covered: 


1. Introduction to slice and splice Methods: 


o Slice Method: 
= Used to create a duplicate of an array or a portion of it. 
= Does not modify the original array. 
= Syntax: array.slice(start, end) 
=» Example: 


let fruits: string[] = ["Mango", "Apple", "Banana", "Kiwi" ]; 
let slicedFruits = fruits.slice(1, 3); // ["Apple", "Banana" ] 


o splice Method: 
= Used to add or remove elements from an array. 
= Modifies the original array. 


=» Syntax: array.splice(start, deleteCount, item1, item2, ...) 
» Example: 


let fruits: string[] = ["Mango", "Apple", "Banana", "Kiwi" ]; 
fruits.splice(1, 1, "Orange"); // ["Mango", "Orange", "Banana", "Kiwi" ] 


2. Explanation of slice and splice: 


o slice: 
= Creates a shallow copy of a portion of an array. 
= Parameters: 
= start: Index at which to start extraction. 
= end: Index at which to end extraction (not included in the result). 
= Example to create a duplicate array: 


let fruits: string[] = ["Mango", "Apple", "Banana", "Kiwi" ]; 
let duplicateFruits = fruits.slice(); // Duplicate of entire array 


o splice: 
= Changes the contents of an array by removing or replacing existing elements and/or adding new 
elements. 

= Parameters: 
= start: Index at which to start changing the array. 
=» deleteCount: Number of elements to remove. 
=» item1, item2, ...: Elements to add to the array. 

» Example to replace and add elements: 


let fruits: string[] = ["Mango", "Apple", "Banana", "Kiwi" ]; 
fruits.splice(1, 1, "Orange"); // Replace "Apple" with "Orange" 


3. Practical Examples: 
o Removing and Adding Elements: 


let fruits: string[] = ["Mango", "Apple", "Banana", "Kiwi" ]; 
fruits.splice(1, 1); // Removes "Apple" 
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console.log(fruits); // ["Mango", "Banana", "Kiwi" ] 


fruits.splice(1, 1, "Orange"); // Replaces "Banana" with "Orange" 
console.log(fruits); // ["Mango", "Orange", "Kiwi" ] 


o Making a Duplicate Array Using slice: 


let fruits: string[] = ["Mango", "Apple", "Banana", "Kiwi" ]; 

let duplicateFruits = fruits.slice(1, 3); // ["Apple", "Banana" | 
duplicateFruits.pop(); // Removes "Banana" 
console.log(duplicateFruits); // ["Apple" | 


4. Tuples in TypeScript: 


© Tuples allow you to express an array with a fixed number of elements whose types are known. 
o Example: 


let fruits: [string, string, string, string] = [ 
"Mango", 
"Apple", 
"Banana", 
"Kiwi", 
]3 


console.log(fruits) ; 
5. For Loop and Conditional Statements: 
o For Loop Example: 


for (let i = 0; i < 3; i++) { 
console.log("Sorry!!"); 


} 


for (let i = 1; i <= 10; i++) { 
console.log(i); 
z 


// Homework: Counting down from 1@ to 1 

for (let i = 10; i> 0; i--) { 
console.log(i); 

} 


o Tasks with Arrays: 
=» Removing the first element and replacing an element: 
let fruits: string[] = ["Mango", "Apple", "Banana", "Kiwi" ]; 
fruits.shift(); // Removes "Mango" 


fruits.splice(1, 1, "Orange"); // Replaces "Banana" with "Orange" 
console.log(fruits); // ["Apple", "Orange", "Kiwi" ] 


6. Practical Homework: 
o Implementing indexOf, find, and filter methods in array operations. 
o Example: 


let students: { name: string; rollNumber: number }[] = [ 
{ name: "Ali", rollNumber: 1234 }, 
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{ name: "Arham", rollNumber: 123 }, 
{ name: "Osama", rollNumber: 1122 }, 
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let findStudent = students.find((student) => student.name === 


console.log(findStudent); // {name: "Osama", rollNumber: 1122} 


let findByRollNumber = students. find( 
(student) => student.rollNumber === 1234 


)3 


console.log(findByRollNumber); // {name: "Ali", rollNumber: 1234} 


Code Implementation: 
Array Operations: 
let fruits: string[] = ["Mango", "Apple", "Banana", "Kiwi" ]; 


// Removing and adding elements 
fruits.splice(@, 1); // Removes "Mango" 
console.log(fruits); // ["Apple", "Banana", "Kiwi" ] 


fruits.splice(1, 1, "Orange"); // Replaces "Banana" with "Orange" 
console.log(fruits); // ["Apple", "Orange", "Kiwi" ] 


Creating and Manipulating Tuples: 


let fruits: [string, string, string, string] = [ 
"Mango", 
"Apple", 
"Banana", 
"Kiwi", 
]3 


console.log(fruits) ; 
Using For Loops: 


// Printing a message three times 
for (let i = 0; i < 3; i++) { 
console.log("Sorry!!"); 


} 


// Counting from 1 to 10 
for (let i = 1; i <= 10; i++) { 
console.log(i); 


} 


// Counting down from 1@ to 1 (homework) 
for (let i = 10; i > 0; i--) { 
console.log(i); 


i 
Homework: 


e Implementing methods like indexOf, find, and filter. 
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let findStudent = students.find((student) => student.name === "Osama") ; 
console.log(findStudent); // {name: "Osama", rollNumber: 1122} 


let findByRollNumber = students. find((student) => student.rollNumber === 1234); 
console.log(findByRollNumber); // {name: "Ali", rollNumber: 1234} 


Conclusion: 


e slice: Used to create a shallow copy of a portion of an array without modifying the original array. 

e splice: Used to add, remove, or replace elements in an array, modifying the original array. 

e Tuples: Allow fixed number of elements with known types. 

e For Loops: Used for iterating over arrays or running code multiple times based on conditions. 

e Array Methods: indexOf, find, filter are useful for searching and manipulating array elements. 


This summary provides a concise explanation of the concepts covered, along with code examples to illustrate 
the usage of various array methods and loops in TypeScript. 
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